{extend name="public/base"/}
{block name="body"}
	{:ad("casesad")}
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="banner-text text-center">
                        <h1>{$cate['title']}</h1>
                        <ul class="kal-breadcumb">
                            <li><a href="/">首页</a></li>
                            {volist name="pCate" id="item"}
                            <li><a href="{:url('index/cases/lists?model=cases',array('id'=>$item['id']))}">{$item['title']}</a></li>
                            {/volist}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
	<link rel="stylesheet" href="__STATIC__/css/style0.css">
	<link rel="stylesheet" href="__STATIC__/css/main.css">
	<script src="__STATIC__/js/jquery.min.js"></script>
 
	<article>
    	<section id="description" class="product-description p-v-l">
			<div class="container">
				<div class="col-sm-6 col-xs-12 p-h-m m-b-m">
	                <div class="viewport">
	                    <div class="images"><img src="{$photos[0]}" alt="{$info['title']}"></div>
	                    <div class="description">{$info['title']}</div>
	                    <div class="control prev"><i class="icon-chevron-left"></i></div>
	                    <div class="control next"><i class="icon-chevron-right"></i></div>
	                </div>
	                <div class="thumbs">
	                	{volist name="photos" id="vo" key="k"}
	                    <img {if $k==1}class="active"{/if} src="{$vo}" data-src="{$vo}" data-info="{$info['title']}" alt="{$info['title']}">
	                    {/volist}
	                </div>
				</div>
          
		        <div class="col-sm-6 col-xs-12 p-h-m">
		            <h3>{$info['title']}</h3>
		            <p>{$info['content']}</p>
		            <hr>
		        </div>
		        
			</div>
		</section>
    
    
    	{if !empty($gallery)}
        <!--图集-->
        <section id="gallery" class="gallery-module container p-v-l border_t_light">
        	<h2 class="section-title">图集 Photo Gallery</h2>
			<ul class="row shadow-grid p-h-m"  data-toggle="gallery" data-target=".gallery-photos">
            	{volist name="gallery" id="vo"}
				<li class="col-md-3 col-xs-6 "><a href="#" class="icon-plus p-1px"><img src="{$vo}" alt=""></a></li>
				{/volist}
        	</ul>
        </section>
        {/if}
    
    <!--点赞，可复用-->
  
  
	</article>

	{if !empty($gallery)}
	<!--产品图集 大图展示模块，此模块也适用于工程案例页面-->
	<div class="flexslider-fixed gallery-photos">
		<a href="javascript:;" class="close btn btn-red">
			<!--<i class="icon-cross"></i>-->
			<span aria-hidden="true">×</span>
		</a>
		<div class="flexslider" data-namespace="product-gallery-" data-animation="slide" data-speed="5000" data-controls-container=".product-gallery-controllers" data-control-nav=true data-direction-nav=true data-autoplay=false data-hover-pause=false data-loop="false">
			<ul class="slides clearfix">
				{volist name="gallery" id="vo"}
				<!--这里li的数量与产品图集的顺序、数量是一致的-->
                <li>
                    <!--为div添加data-src，当slider切换到当前块时才会加载图片-->
                    <div class="contain-wrap" data-src="{$vo}"></div>
                    <h4 class="p-l">{$info['title']}</h4>
                </li>
                {/volist}
			</ul>
		</div>
		<div class="product-gallery-controllers controllers"></div>
	</div>
	<!--产品图集大图模块 结束-->
  	{/if}
	<script type="text/javascript" charset="utf-8" src="__STATIC__/js/buttonLite.js"></script><script type="text/javascript" charset="utf-8" src="__STATIC__/js/bshareC0.js"></script>
    <script type="text/javascript" src="__STATIC__/js/object_up.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            init_object_up('product', '49', 'False')
        })
    </script>
	
    <script src="__STATIC__/js/modernizr.min.js"></script>

	<script src="__STATIC__/js/plugins.js"></script>
	<script src="__STATIC__/js/jquery.flexslider.min.js"></script>
	<script src="__STATIC__/js/main.js"></script>
	<script src="__STATIC__/js/custom.js"></script>
	<script src="__STATIC__/js/jquery.Jcrop.js"></script>
	{php}$notLoadJs = true;{/php}
{/block}